/*  Global  */
body {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/* Table */
table.table {
    border:none;
    border-collapse:collapse;
}

tbody.table_body {
    color: #3b424a; 
    background: #ffffff;
}

thead.table_header, thead.table_header th, thead.table_header td {
    background-color: gray;
    color: #000000;
    white-space: nowrap;
   /* padding: 2px 5px; */
    border: 1px #eef0f5 solid;
    border-bottom: none;
}


tbody.table_body tr td, tbody.table_row tr th {
    vertical-align: middle;
}

/* Tree */
table.tree {
/*    border: 1px solid red;*/
    border-collapse: separate;
}
table.tree td {
    padding-bottom:2px;
}
table.tree thead {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #535C64;
}

table.tree tbody td {
    padding: 0 2px;
}
table.tree tbody td {
    white-space: nowrap;
}

tbody tr.tree_row {
    border: 1px solid transparent;
    white-space: nowrap;
}

tbody tr.tree_row {
    color: #000000;
    background-color: #ffffff;
}

tbody tr.tree_row td {
    white-space: nowrap;
}

tbody tr.tree_row_0 {
    background-color: #f9f9fa;
}

tbody tr.tree_row_0_alt {
    background-color: #fcfaf6;
}

tbody tr.tree_row_1 {
    background-color: #f2f2f2;
}

tbody tr.tree_row_1_alt {
    background-color: #faf7f3;
}

tbody tr.tree_row_2 {
    background-color: #ececed;
}

tbody tr.tree_row_2_alt {
    background-color: #f5f1ed;
}

tbody tr.tree_row_3 {
    background-color: #e7e7e7;
}

tbody tr.tree_row_3_alt {
    background-color: #f1ebe5;
}

tbody tr.tree_row_5 {
    background-color: #e1e1e1;
}

tbody tr.tree_row_5_alt {
    background-color: #ede6dc;
}

tbody tr.row_selected {
    background-color: #8b9fbb;
    white-space: nowrap;
}
tbody tr.row_selected span.tree_nav_label, tr.row_selected td, tr.row_selected td span {
    color: #fff;
}
.list tr.tree_row_0 {
    background-color: #e7eaf1;
}
.list tr.tree_row_0_alt {
    background-color: #fff;
}
span.tree_nav_con {
    vertical-align: top;
}
img.tree_nav {
    vertical-align: middle;
    margin: 0;
}
img.tree_indent {
    vertical-align: middle;
    margin: 0;
}

img.sort_column_image {
    margin: 0 4px;
}

/*List*/
table.list thead.tree_header {
    background: transparent url(/iwl/skin/default/images/tree/list_header_bg.png) repeat-x top left;
}

table.list thead.tree_header th, table.list thead.tree_header td { 
    font-weight: bold;
    white-space: nowrap;
    padding: 4px 5px 4px 5px;   
}
  
/* Iconbox */
div.iconbox_icons_container {
    border: 2px inset white;
}

div.iconbox_status_label {
    border: 1px solid #6A81A3;
    padding: 2px;
    overflow: hidden;
    text-overflow:ellipsis;
    vertical-align: middle;
    height: 1.5em;
}

div.iconbox {
    margin: 2px;
}

div.icon, div.icon_selected {
    border: 1px solid white;
    text-align: center;
    float: left;
    margin: 5px;
   /* padding-top:4px; */
}

div.icon_selected {
    border: 1px solid #6a81a2;
    background-color: #d2d4e3;
}

.icon_label {
    overflow: hidden;
    text-overflow:ellipsis;
    margin: 0;
    vertical-align: middle;
    font-size: 8pt;
}

/* Inputs */
input.checkbox, input.radiobutton {
    color: inherit;
    border: none;
    background-image: none;
    margin: 0 2px;
}

button.button, input.inputbutton {
    border-top: 1px solid #d8d7d6;
    border-right: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;
    border-left: 1px solid #d8d7d6;
    background-color: #f0ebe6;
    color: #444444;

    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

span.entry {
    border: 1px solid #7F9DB9;
    background-image:url('/iwl/skin/default/images/entry/entry_bg.gif');
    font-size: 16px;
    line-height: 16px;
}

input.entry_text, input.entry_text_default {
    color: #525C65;
    border: none;
    background: none;
    vertical-align: middle;
}

input.entry_text_default {
    color: #9aadbe;
}

img.entry_image1, img.entry_image2 {
    border: none;
    background: none;
    vertical-align: middle;
}
img.entry_image1 {
    padding-left: 3px; /* do NOT use margin*/
    padding-right: 1px;
}
img.entry_image2 {
    padding-left: 1px;
    padding-right: 2px; /* do NOT use margin*/
}

div.entry_receiver {
    position: absolute;
    background-color: white;
    color: black;
    border: 1px solid #6c8bae;
    z-index: 25;
}
div.entry_receiver ul {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
div.entry_receiver ul li.selected {
    background: #e7eaf1;
}
div.entry_receiver ul li {
    list-style-type: none;
    display: block;
    cursor: pointer;
}

select.combo {
    color: black;
    background: white;
    border: 1px inset;
}
select.combo  option {
    background: white;
    color: black;
}

/* Upload */
iframe.upload_frame {
    width: 1px;
    height: 1px;
    border: 0;
    display: none;
}
form.upload div.button {
     position: relative;
}

form.upload div input.upload_file {
    position: absolute;
}

form.upload {
    margin: 0;
}

/* Anchor */
a:visited, a:active, a:link {
     color: #3b424a;
     text-decoration: none;
}

a:hover {
     color: #3b424a;
     text-decoration: underline;
}

/* Button */

div.button {
    position: relative;
    float: left;
    margin: 3px;
    cursor: pointer;
}
div.button_disabled {
    cursor: default;
}
div.button_tl {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 6px;
    height: 6px;
    background: url(/iwl/skin/default/images/button/default_tl.gif) no-repeat bottom left;
    font-size: 2px;
}
div.button_top {
    position: absolute;
    top: 0px;
    left: 6px;
    height: 6px;
    background: url(/iwl/skin/default/images/button/default_top.gif) repeat-x #f0ebe6 top;
    font-size: 2px;
}
div.button_tr {
    position: absolute;
    top: 0px;
    width: 6px;
    height: 6px;
    background: url(/iwl/skin/default/images/button/default_tr.gif) no-repeat bottom right;
    font-size: 2px;
}
div.button_l {
    position: absolute;
    top: 6px;
    left: 0px;
    width: 6px;
    height: 15px;
    background: url(/iwl/skin/default/images/button/default_l.gif) repeat-y;
    font-size: 2px;
}
div.button_content {
    position: absolute;
    top: 6px;
    left: 6px;
    white-space: nowrap;
    background: url(/iwl/skin/default/images/button/default_content.gif) repeat;
    font-size: 2px;
    padding: 0 2px;
}

div.button_r {
    position: absolute;
    top: 6px;
    width: 6px;
    height: 15px;
    background: url(/iwl/skin/default/images/button/default_r.gif) repeat-y right;
    font-size: 2px;
}
div.button_bl {
    position: absolute;
    left: 0px;
    width: 6px;
    height: 6px;
    background: url(/iwl/skin/default/images/button/default_bl.gif) no-repeat top left;
    font-size: 2px;
}
div.button_bottom {
    position: absolute;
    left: 6px;
    height: 6px;
    background: url(/iwl/skin/default/images/button/default_bottom.gif) repeat-x #f0ebe6 bottom;
    font-size: 2px;
}
div.button_br {
    position: absolute;
    width: 6px;
    height: 6px;
    background: url(/iwl/skin/default/images/button/default_br.gif) no-repeat top right;
    font-size: 2px;
}
img.button_image {
    margin: 0px 5px 0px 0px;
    padding: 0px;
    border: 0px;
    vertical-align: middle;
    background-color: transparent;
}
span.button_label {
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: middle;
    color: #444444;
    background-color: transparent;

    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

div.button_disabled div.button_top,
div.button_disabled div.button_bottom {
    background-color: #cccccc;
}

div.button_disabled span.button_label {
    color: #999;
    font-weight: normal;
}

span.button_label_medium {
    font-size: 10px;
}
span.button_label_small {
    font-size: 8px;
    font-weight: normal;
    color: black;
}

/* ContentBox */
div.contentbox {
/* If these are not static, some elements might appear underneath them, regardless of their z-index. This occurs in IE6-7
 * However, if one of those static elements is scrollable (like contentbox_content), and there is a float element inside it,
 * the float element will not be clipped to the scrollable element, thus it will float out of the container. This also occurs in IE6-7.
 * For those cases that need a float element inside the content, and don't have problematic elements like the menu, which will appear
 * underneath everything, position:relative should be used.
 */
/*    position: relative; */
    width: 790px;
    z-index: 6;
    top: 5px;
    margin-left:auto;
    margin-right:auto;
}
div.contentbox_topr,
div.contentbox_bottomr {
    height: 5px;
    font-size: 1px;
/*    position: relative;*/
}
div.contentbox_top,
div.contentbox_bottom {
    padding-left: 5px;
    height: 5px;
/*    position: relative;*/
}
div.contentbox_top {
    background: transparent url('/iwl/skin/default/images/contentbox/tl.gif') no-repeat 0px 0px;
}
div.contentbox_topr {
    background: transparent url('/iwl/skin/default/images/contentbox/tr3000.gif') no-repeat right 0px;
}
div.contentbox_middle {
/*    background: transparent url('/iwl/skin/default/images/contentbox/ml3000.gif') repeat-y 0px 0px;*/
    background-color: white;
/*    position: relative;*/
}
div.contentbox_middler {
/*    background: transparent url('/iwl/skin/default/images/contentbox/mr.gif') repeat-y right 0px;*/
    background-color: white;
    padding: 0 5px;
/*    position: relative;*/
}
div.contentbox_content {
/*    position: relative;*/
    overflow: auto;
}

/*
 * alt1 - stoian yellow #ffea4d
 * alt2 - marina_pink #fa0172
 */
div.contentbox_header {
    padding: 3px 5px;
    background-color: #6a81a3;
/*    position: relative;*/
    text-align: left;
}
div.contentbox_header_alt1 {
    background-color: #d3d6dd;
}
div.contentbox_header_alt2 {
    background-color: #fa0172;
}
div.contentbox_title, div.contentbox_footer {
    padding-left: 5px;
    min-height: 7px;
/*    position: relative;*/
}
div.contentbox_titler {
    padding-bottom: 4px;
}
div.contentbox_title {
    background: transparent url('/iwl/skin/default/images/contentbox/bg_t.gif') repeat-x bottom left;
    font-weight : bold;
    color : #535c64;
}
img.contentbox_title_image {
    vertical-align: middle;
    margin-bottom: 2px;
    width: 14px;
    height: 14px;
}
div.contentbox_footerr {
    padding-right: 6px;
}
/* alt0 - beige
 * alt1 - blue
 * alt2 - white
 */
div.contentbox_footer {
    background: transparent url('/iwl/skin/default/images/contentbox/bg_ft_alt0.gif') repeat-x top left;
    padding-left: 5px;
    min-height: 15px;
/*    position: relative;*/
}
div.contentbox_footer_alt1 {
    background: transparent url('/iwl/skin/default/images/contentbox/bg_ft_alt1.gif') repeat-x top left;
}

div.contentbox_footer_alt2 {
    background: transparent url('/iwl/skin/default/images/contentbox/bg_ft_alt2.gif') repeat-x top left;
}
div.contentbox_bottom {
    background: transparent url('/iwl/skin/default/images/contentbox/bl_alt0.gif') no-repeat 0px 0px;
/*    position: relative;*/
}
div.contentbox_bottom_alt1 {
    background: transparent url('/iwl/skin/default/images/contentbox/bl_alt1.gif') no-repeat 0px 0px;
}
div.contentbox_bottom_alt2 {
    background: transparent url('/iwl/skin/default/images/contentbox/bl_alt2.gif') no-repeat 0px 0px;
}
div.contentbox_bottomr {
    background: transparent url('/iwl/skin/default/images/contentbox/br3000_alt0.gif') no-repeat right 0px;
/*    position: relative;*/
}
div.contentbox_bottomr_alt1 {
    background: transparent url('/iwl/skin/default/images/contentbox/br3000_alt1.gif') no-repeat right 0px;
}
div.contentbox_bottomr_alt2 {
    background: transparent url('/iwl/skin/default/images/contentbox/br3000_alt2.gif') no-repeat right 0px;
}


div.contentbox_buttons {
    text-align: right;
    position: absolute;
    top: 4px;
    right: 14px;
}
div.contentbox_close {
    cursor: pointer;
    background: transparent url('/iwl/skin/default/images/icons/close15x15.gif') no-repeat;
    width: 15px;
    height: 15px;
    margin-top: 2px;
}

div.contentbox_resize {
    cursor: se-resize;
    background: transparent url('/iwl/skin/default/images/icons/resize.gif') no-repeat bottom left;
    padding-right: 15px;
    min-height: 15px;
    display: inline;
    float: right;
}

/* Shadowbox */
div.shadowbox div.contentbox_top,
div.shadowbox div.contentbox_topr {
    height: 6px;
    font-size: 1px;
/*    position: relative;*/
}
div.shadowbox div.contentbox_top,
div.shadowbox div.contentbox_bottom {
    padding-left: 6px;
    height: 6px;
/*    position: relative;*/
}

div.shadowbox div.contentbox_topr {
    padding-right: 12px;
}

div.shadowbox div.contentbox_header {
    padding: 3px 8px 3px 6px;
/*    position: relative;*/
    text-align: left;
}
div.shadowbox div.contentbox_title {
     background: transparent url('/iwl/skin/default/images/contentbox/title_l1.png') repeat-y left top;
     padding-left: 6px;
}
div.shadowbox div.contentbox_titler {
    font-weight : bold;
    color : #535c64;
    padding: 0 12px 3px 0;
    min-height: 10px;
/*    position: relative;*/
}
div.shadowbox span.contentbox_title_label,
div.shadowbox span.contentbox_title_label {
    padding-right: 4px;
}

div.shadowbox img.contentbox_title_image {
    vertical-align: middle;
    margin-bottom: 1px;
    width: 14px;
    height: 14px;
}

div.shadowbox div.contentbox_middle {
    background:transparent url('/iwl/skin/default/images/contentbox/middle_l1.png') repeat-y left 0px;
/*    position: relative;*/
    min-height: 30px;
    padding-left:6px;
}
div.shadowbox div.contentbox_middler {
    padding-right: 12px;
    padding-left: 0px;
/*    position: relative;   */
    height: 100%;
    min-height: 30px;
}
div.shadowbox div.contentbox_content {
/*    position: relative;*/
    overflow: auto;
}
div.shadowbox div.contentbox_footer {
    background:transparent url('/iwl/skin/default/images/contentbox/title_l1.png') repeat-y left 0px;
/*    position: relative;*/
    padding-left: 6px;
}
div.shadowbox div.contentbox_footer_alt2 {
    background:transparent url('/iwl/skin/default/images/contentbox/middle_l1.png') repeat-y left 0px;
}
div.shadowbox div.contentbox_footerr {
    padding-right: 12px;
/*    position: relative;*/
    min-height: 10px;
}

div.shadowbox div.contentbox_bottom {
/*    position: relative; */
    height: 12px;   
}

div.shadowbox div.contentbox_bottomr {
/*    position: relative;*/
    height: 12px;
    font-size: 1px;
    padding-right: 12px;
}

html>body div.shadowbox div.contentbox_bottom {
    background: transparent url('/iwl/skin/default/images/contentbox/bl_shadow_alt0.png') no-repeat 0px 0px; 
} 
html>body div.shadowbox div.contentbox_bottomr {
    background: transparent url('/iwl/skin/default/images/contentbox/br1100_shadow_alt0.png') no-repeat right 0px;
}
html>body div.shadowbox div.contentbox_bottomr_alt2{
    background: transparent url('/iwl/skin/default/images/contentbox/br1100_shadow1.png') no-repeat right 0px;
}
html>body div.shadowbox div.contentbox_bottom_alt2 {
    background: transparent url('/iwl/skin/default/images/contentbox/bl_shadow1.png') no-repeat 0px 0px; 
}  
html>body div.shadowbox div.contentbox_top {
    background: transparent url('/iwl/skin/default/images/contentbox/tl_shadow1.png') no-repeat 0px 0px;  
}
html>body div.shadowbox div.contentbox_topr {
    background: transparent url('/iwl/skin/default/images/contentbox/tr1100_shadow1.png') no-repeat right 0px;
} 
html>body div.shadowbox div.contentbox_titler,
html>body div.shadowbox div.contentbox_footerr {
    background: transparent url('/iwl/skin/default/images/contentbox/title_r1.png') repeat-y right 0px;
} 
html>body div.shadowbox div.contentbox_middler,
html>body div.shadowbox div.contentbox_footerr_alt2 {
    background: transparent url('/iwl/skin/default/images/contentbox/mr1100_shadow1.png') repeat-y right 0px;
    /* overflow: auto; */
}
html>body div.shadowbox div.contentbox_header {
    background: transparent url('/iwl/skin/default/images/contentbox/header1100_shadow1.png') repeat-y right 0px;  
}       

div.modal_view {
    position: absolute;
    text-align: center;
    top: 0px;
    left: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 90;
    background-color: #858c96;
    color: black;
    vertical-align: middle;
    text-align: center;
}

/* HBox */
div.hbox {
    clear: both;
}
div.hbox_start {
    float: left;
}
div.hbox_end {
    float: right;
}

/* NavBar */
div.navbar {
   padding-top: 3px;
   padding-bottom: 3px;
   background-color:#efefef;
}
span.navbar_crumb_con {
}
select.navbar_combo {
    color: inherit;
    background: inherit;
    border: 1px inset;
}
select.navbar_combo option {
    background: white;
    color: black;
}
span.navbar_crumb {
    cursor: pointer;
}
span.navbar_delim {
}

/* Druid */
div.druid_content {
/*    border: 2px solid #6C8BAE;*/
    width: 100%;
}
div.druid_page {
    display: none;
    color: inherit;
    background-color: white;
}
div.druid_page_selected {
    display: block;
    color: inherit;
    background-color: white;
}
div.druid_button_container {
    float: right;
}

div.druid_page_error {
    height: 0px;
    overflow: hidden;
}

/* Notebook */
div.notebook_navgroup {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    width: auto;         
    padding-bottom: 5px; 
    display: block; 
    background-color: transparent;
    text-align:center;
    margin-top: 4px;
}

ul.notebook_mainnav {
    width: auto;
    display: block;
    margin-bottom: 0;
}

ul.notebook_mainnav li {
    display: inline;
    float: left;
    background: url(/iwl/skin/default/images/notebook/offl.png) no-repeat top left;
    margin-right: 0.4em;
}

ul.notebook_mainnav li.notebook_tab_selected {
    background: url(/iwl/skin/default/images/notebook/activel.gif) no-repeat top left;
    border-bottom: 1px solid #fff;
}

ul.notebook_mainnav a {
    float: left;
    background: url(/iwl/skin/default/images/notebook/offr.png) no-repeat top right;
    padding: 0.3em 0.6em 0.2em 0.6em;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    display: block;
    cursor: pointer;
}

ul.notebook_mainnav li.notebook_tab_selected a {
    color: #666;
    background: url(/iwl/skin/default/images/notebook/activer.gif) no-repeat top right;
}

.notebook_clear {
    font-size: 12px;
    line-height: 12px;
}

div.notebook_navborder {
    border-top: 1px solid #999;
}

div.notebook_content {
    border: 1px solid #999; 
    border-top: none;  
   padding-top: 10px;
}
div.notebook_page {
    display: none;
    color: inherit;
    background-color: white;
    clear: both;
}
div.notebook_page_selected {
    display: block;
    color: inherit;
    background-color: white;
}

/* Misc */
div.disabled_view {
    position: absolute;
    text-align: center;
    top: 0px;
    left: 0px;
    margin: auto;
    z-index: 90;
    background-color: #858c96;
}
div.disabled_view_rail {
    background: transparent url(/iwl/skin/default/images/loader/loader.gif) no-repeat center;
    position: absolute;
    width: 64px;
    height: 64px;
    z-index: 99;
    background-color: #858c96;
    color: black;
    border: 1px solid #454545;
}
div.disabled_view_bouncer {
    width: 20px;
    height: 10px;
    z-index: 100;
    background-color: #6c8bae;
    font-size: 10px;
    line-height: 10px;
}

div#status_bar {
    border: 1px solid blue;
    text-align: center;
    background: white;
    width: 70%;
    left: 15%;
    overflow: hidden;
    bottom: 10px;
    position: absolute;
    z-index: 50;
}

/* Tooltip */
div.tooltip {
    position: absolute;
    z-index: 10;
}
div.tooltip_bubble {
    position: relative;
    background-color: white;
    border: 1px solid black;
    z-index: 15;
    font-size: 1px;
}
div.tooltip_content {
    position: relative;
    background-color: white;
    color: black;
    border: 1px solid black;
    width: 200px;
    z-index: 20;
    padding: 1px 2px;
}

/* Menu */
ul.menubar {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    /*padding-top: 2px;
    border-top: 1px solid #dedee0;
    border-bottom: 3px solid #f3f4f5;
    background: #d3d6dd;*/
    background: url(/iwl/skin/default/images/menu/bg_menu7x24.png) repeat-x top left;
    height:24px;
    color: black;
}
li.menubar_item {
    display: inline;
    list-style: none;
    padding: 0 5px;
    cursor: pointer;
    color: #545b63;
    line-height: 19px;
}
span.menubar_item_label {
    padding: 2px 2px 6px 2px;
    cursor: pointer;
}
li.menubar_separator {
    display: inline;
    list-style: none;
    width: 1px;
    border-left: 1px solid gray;
}

ul.menu {
    position: absolute;
    display: none;
    border: 1px solid #aeab9d;
    background: white;
    color: black;
    margin: 0;
    padding: 0;
    z-index: 99;
    cursor: pointer;
}
ul.scrolling_menu {
}
ul.submenu {
    margin-top: -20px;
}
li.menu_item {
    list-style: none;
    background: no-repeat scroll 5px;
    height: auto;
    line-height: 1.7em;
    font-size: 12px;
    margin: 0;
    cursor: pointer;
    padding-right: 4px;
}
li.menu_radio_item_checked {
    background: url(/iwl/skin/default/images/menu/menu_bullet20x20.gif) no-repeat top left;
}
li.menu_check_item_checked {
    background: url(/iwl/skin/default/images/menu/menu_tick20x20.gif) no-repeat top left;
}

li.menu_item_selected, li.menubar_item_selected {
    background-color: #8b9fbb;
    color: white;
}
li.menubar_item_selected {
    padding: 2px 5px 3px 5px;
}
li.menu_item_disabled {
    color: #aaaaaa;
}

span.menu_item_label, span.menu_item_label_parent {
    padding-left: 24px;
    padding-right: 0;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    font-size: 9pt;
}
span.menu_item_label_parent {
    background: url(/iwl/skin/default/images/menu/menu_next.gif) no-repeat right;
    cursor: default;
    margin-right: 5px;
    padding-right: 10px;
}
li.menu_separator {
    height: 1px;
    list-style: none;
    line-height: 1px;
    /*font-size: 1px;*/
    margin:0 3px 0 3px;
    background-color: #aaa789;   
}

/* Slider */
div.slider {
    position: relative;
    width: 80px;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 20px;
    font-size: 1px; 
}
div.slider_rail {
    position: relative;
    margin: 7px 1px;
    background-color: #333;
    width: 100%;
    height: 6px;
    font-size: 1px; 
}
div.slider_handle {
    position: absolute;
    width: 11px;
    height: 19px;
    font-size: 1px; 
    margin: 0;
    top: 1px;
    left: 0px;
    background: url(/iwl/skin/default/images/slider/handle.gif) no-repeat;
    cursor: move;
}

div.vertical_slider {
    width: 20px;
    height: 80px;
}
div.vertical_slider div.slider_rail {
    margin: 1px 7px;
    height: 100%;
    width: 6px;
    font-size: 1px; 
}
div.vertical_slider div.slider_handle {
    height: 11px;
    width: 19px;
    left: 0px;
    top: 0px;
    background: url(/iwl/skin/default/images/slider/vertical_handle.gif) no-repeat;
}

/* Page control */
span.pagecontrol_label {
    float: left;
    margin-top: 3px;
}

span.pagecontrol_label input {
    text-align: center;
}

.general_settings p {
    margin: 0;
}

#general_settings_radio_button_cell {
    border-bottom: 1px solid #dedede;
}

#settings_radio {
    margin-bottom: 4px;
    padding-left: 20px;
}
#settings_pagesize {
    padding: 5px 0;
}
#settings_pagesize .entry {
    margin-left: 4px;
}
#settings_pagesize .entry input {
    text-align: center;
}
#radios_label {
    margin-bottom: 10px;
}

/* Accordions */
.accordion_page_title {
    background: #f1ece6;
    color: #535c64;
    font-size: 12px;
    cursor: pointer;
    border-bottom: 1px solid #cde99f;
    padding: 5px;
    margin: 0;
}

.accordion_page_title_selected {
    background: #6a81a3;
    color: #fefefe;
}

.accordion_page_content_vertical {
    height: 0px;
    overflow: hidden;
}

.accordion_page_title_horizontal {
    float: left;
    border-right: 1px solid #cde99f;
    height: 100%;
}

.accordion_page_content_horizontal {
    float: left;
    overflow: hidden;
    height: 100%;
}

/* Resizer */

.resizer_handle {
    position: absolute;
    width: 5px;
    height: 5px;
    font-size: 1px;
    background: #eeeeee;
    border: 1px solid #6a81a3;
}

.resizer_handle_tl {
    top: -6px;
    left: -6px;
    cursor: nw-resize;
}
.resizer_handle_t {
    top: -6px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}
.resizer_handle_tr {
    top: -6px;
    right: -6px;
    cursor: ne-resize;
}
.resizer_handle_l {
    top: 50%;
    left: -6px;
    margin-top: -3px;
    cursor: w-resize;
}
.resizer_handle_r {
    top: 50%;
    right: -6px;
    margin-top: -3px;
    cursor: e-resize;
}
.resizer_handle_bl {
    bottom: -6px;
    left: -6px;
    cursor: sw-resize;
}
.resizer_handle_b {
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize;
}
.resizer_handle_br {
    bottom: -6px;
    right: -6px;
    cursor: se-resize;
}
.resizer_handler_holder, .resizer_outline {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.resizer_outline {
    background: #eeeeee;
    border: 1px solid  #6a81a3;
}

/* Calendar */
.calendar td {
    text-align: center;
    padding: 1px 2px;
}
.calendar_week_number, .calendar_week_days, .calendar_heading, .calendar_time {
    background-color: #659DD2;
    font-weight: bold;
}
.calendar_week_day {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    cursor: default;
}
.calendar_week_day_disabled {
    color: #999999;
}
.calendar_week_day_special {
    color: red;
    font-weight: bold;
}
.calendar_week_day_special_disabled {
    color: #dd0000;
    font-weight: normal;
}
.calendar_weekend {
    background: #eeeeee;
}
.calendar_week_day_header {
    width: 3em;
}
.calendar_week_number_header {
    width: 2em;
}
.calendar_weekend_header {
    color: #000876;
}
.calendar_heading td {
    cursor: pointer;
}
.calendar_month, .calendar_year, .calendar_time input {
    text-align: center;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    border: none;
    background: transparent;
}
.calendar_month_selected, .calendar_year_selected, input.calendar_time_selected {
    color: yellow;
}
.calendar_week_day_selected {
    background: #90B2D2;
    font-weight: bold;
}
.calendar_time input {
    width: 2em;
    cursor: pointer;
}
.calendar_time td {
    white-space: nowrap;
    vertical-align: middle;
}
.calendar_hours_notation {
    margin-left: 4px;
    cursor: pointer;
}
.calendar_year {
    width: 4em;
}
.calendar_month {
    width: 10em;
}
.calendar_month_cell, .calendar_year_cell {
    white-space: nowrap;
}

.calendar caption {
    font-size: 0.8em;
}
